<template>
    <div style="width:100%">
        <div class="box">
          <div class="box-content">
            <div style="display:flex">
              <button @click="fanhui()" style="border:none;background:white"><i style="font-size:25px" class="el-icon-arrow-left"></i></button>
            <span style="font-weight: 700;font-size:15px;display:block;margin-left:22px;margin-top:10px">用户</span>
            <img style="width:40px;height:40px;margin-left:35px" src='http://127.0.0.1:7001/public/whjpng/touxiang2.png' />       
            <span style="font-size:15px;display:block;margin-left:15px;margin-top:10px">{{List.name}}</span>
             </div>
             <div style="display:flex">
            <span style="font-weight: 700;font-size:15px;display:block;margin-left:42px;margin-top:30px">ID</span>       
            <span style="font-size:15px;display:block;margin-left:50px;margin-top:30px">{{List.id}}</span>
             </div>
             <div style="display:flex">
            <span style="font-weight: 700;font-size:15px;display:block;margin-top:30px">会员等级</span>       
            <span style="font-size:15px;display:block;margin-left:50px;margin-top:30px">{{List.grade}}</span>
             </div>
             <div style="display:flex">
            <span style="font-weight: 700;font-size:15px;display:block;margin-left:16px;margin-top:30px">标签组</span>       
            <span style="font-size:15px;display:block;margin-left:50px;margin-top:30px">
                <el-select v-model="value" placeholder="请选择">
    <el-option
    size="mini"
        v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value"
      :disabled="item.disabled">
    </el-option>
  </el-select>
            </span>
             </div>

             <div style="display:flex">
            <span style="font-weight: 700;font-size:15px;display:block;margin-top:30px">真实姓名</span>
            <span style="font-size:15px;display:block;margin-left:50px;margin-top:30px">{{List.name}}</span>
             </div>
             <div style="display:flex">
            <span style="font-weight: 700;font-size:15px;margin-left:15px;display:block;margin-top:30px">微信号</span>
            <span style="font-size:15px;display:block;margin-left:50px;margin-top:30px">wang10086</span>
             </div>
             <div style="display:flex">
            <span style="font-weight: 700;font-size:15px;margin-left:35px;display:block;margin-top:30px">性别</span>
            <span style="font-size:15px;display:block;margin-left:50px;margin-top:30px">男</span>
             </div>
          </div>
           
        </div>
    </div>

</template>

<script>
import {searchMsg} from '../../api/index'
export default {
data(){
    return{
        List:[],
        options: [{
          value: '选项1',
          label: '组1'
        }, {
          value: '选项2',
          label: '组2',
        }, {
          value: '选项3',
          label: '组3'
        },  ],
        value: ''
    }
},
methods:{
    getsearchMsg(){
        searchMsg(this.$route.params.id).then(res=>{
this.List=res.data      
console.log(this.List)
})
    },
    fanhui(){
      this.$router.back(-1)
    }
    
},
created(){
this.getsearchMsg()
}
}
</script>

<style lang="scss">
.box{
    width: 100%;
    height: 500px;
    .box-content{
        width:500px;
        height: 500px;
        margin: 55px 80px;
    }
}
</style>